<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04猜数字练习</title>
</head>
<body>
<h3>已生成一个1~100的随机数:</h3>
<input type="text" placeholder="请输入您猜的数字！">
<button onclick="guess()">点我验证</button>

<h3>小提示: <span></span></h3>

<script>
    let sum = 0;
    let n = parseInt(Math.random() * 100) + 1;
    console.log("答案:" + n);

    function guess() {
        let inputE = document.querySelector('input').value;
        let spanE = document.querySelector('span');
        // isNaN()用于判断参数是否为非数字，如果是非数字，结果为true，否则为false
        // 正斜杠(/)用来包裹正则表达式
        // ^表示字符串开头,$表示字符串结束，\d表示数字 +表示至少一个数字
        // .test(参数)用来判断参数是否匹配前面的正则表达式，返回Boolean值
        if (!/^\d+$/.test(inputE)){
        // if (isNaN(inputV)){
            alert('请输入数字！')
            return
        }
        sum++;
        if (n > inputE) {
            document.querySelector('input').value = '';
            spanE.innerHTML = ('猜小了');
        } else if (n < inputE) {
            document.querySelector('input').value = '';
            spanE.innerHTML = ('猜大了');
        } else {
            spanE.innerHTML = ('恭喜你，用了' + sum + '次，就猜对了');
        }
        console.log(sum);
    }


</script>

</body>
</html>